<!DOCTYPE html>
<!--1. 点击结算后，跳转到路径/alipay方法，返回 alipay.html页面。-->
<!--2. alipay.html :-->
<!--与 register.html 相仿，alipay.html也包含了header.html, top.html， footer.html 等公共页面。-->
<!--中间是确认支付业务页面 alipayPage.html-->
<!--3. alipayPage.html:-->
<!--显示总金额，并且让确认支付按钮跳转到页面 /payed页面，并带上oid和金额-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="html">
    <script>
        $(function(){
            var oid = getUrlParms("oid");
            var total = getUrlParms("total");
            var address = getUrlParms("address");
            var data4Vue = {
                oid:'',
                total:'',
                address:''
            };
            //ViewModel
            var vue = new Vue({
                el: '#workingArea',
                data: data4Vue,
                mounted:function(){ //mounted　表示这个 Vue 对象加载成功了
                    this.oid = oid;
                    this.total = total;
                    this.address = address;
                }
            });
        })
    </script>
    <!--<form action="pay" method="post">-->
        <!--订单号：<input type="text" name="WIDout_trade_no" required><br/>-->
        <!--订单名称：<input type="text" name="WIDsubject" required><br/>-->
        <!--付款金额：<input type="text" name="WIDtotal_amount" required><br/>-->
        <!--WIDbody：<input type="text" name="WIDbody"><br/>-->
        <!--<input type="submit" value="下单">-->
    <!--</form>-->
    <div class="aliPayPageDiv">
        <div class="aliPayPageLogo">
            <!--<img class="pull-left" src="img/site/simpleLogo.png">-->
            <div style="clear:both"></div>
        </div>

        <div>
            <span class="confirmMoneyText">扫一扫付款（元）</span>
            <span class="confirmMoney">
            ￥ {{total|formatMoneyFilter}} </span>

        </div>
        <!--<div>-->
            <!--<img class="aliPayImg" src="img/site/alipay2wei.png">-->
        <!--</div>-->

        <div>
            <a :href="'pay?oid='+oid+'&total='+total+'&address='+address"><button class="confirmPay">确认支付</button></a>
        </div>



        <!--<div>-->
            <!--<a :href="'payed?oid='+oid+'&total='+total+'&address='+address"><button class="confirmPay">确认支付</button></a>-->
        <!--</div>-->
    </div>
</div>
</body>
</html>